<script setup lang="ts">
import {onMounted} from "vue";

let props=defineProps({
    data:Object
});

onMounted(()=>{

})
</script>

<template>
    <a :href="data.url" target="_blank" class="flex column center align-center item" >
        <img :src="data.favicon" alt="" style="width: 60px;height: 60px">
        <span>{{data.name}}</span>
    </a>
</template>

<style scoped>
.item{
    margin: 1rem;
    cursor: pointer;
    width: 90px;
    height: 90px;
}
.item:hover{
    background: rgba(98, 105, 113, 0.08);
}
</style>
